<!DOCTYPE html>
<html lang="en">
  <head><!-- 不会被渲染 -->
    <!-- ====================== title元素：网页的主题 ====================== -->
    <title>这是我的title</title>
    
    
    <!-- ====================== meta元素：元数据 ====================== -->
    <!-- 设置HTML文档字符编码 -->
    <meta charset="utf-8">
    
    <!-- 设置页面作者信息 -->
    <meta name="author" content="ChenJieYaYa"/>
    
    <!-- 设置页面描述 -->
    <meta name="description"
          content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>
    
    <!-- 设置页面关键字 -->
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
    
    <!-- 设置页面请求头 -->
    <meta http-equiv="content-type" content="text/html">
    
    <!-- 设置页面重定向 -->
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
    
    <!-- 设置页面适配移动端
            width viewport：宽度(数值/device-width)
            height viewport：高度(数值/device-height)
            initial-scale：初始缩放比例
            maximum-scale：最大缩放比例
            minimum-scale：最小缩放比例
            user-scalable：是否允许用户缩放(yes/no）
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- 设置页面搜索引擎检索方式
            all：文件将被检索，且页面上的链接可以被查询
            none：文件将不被检索，且页面上的链接不可以被查询
            index：文件将被检索
            follow：页面上的链接可以被查询
            noindex：文件将不被检索
            nofollow：页面上的链接不可以被查询
    -->
    <meta name="robots" content="index,follow"/>
    
    
    <!-- ====================== link元素 ====================== -->
    <!-- 设置自定义图标 -->
    <link rel="icon" href="./static/title.png" type="images/x-ico">
    
    <!-- 引用外部CSS和JS -->
    <link rel="stylesheet" href="./static/clearall.css">
    <link rel="script" href="./static/index.js">
  </head>
  <body>
    <h1>h1标签</h1>
  </body>
</html>